#header {
  height: 80px;
}

#user {
  background-color: #828eff;
  float: right;
  width: 300px;
  text-align: center;
  border: 2px solid;
  margin-right: 20px;
  margin-top: 30px;
  padding: 3px;
}

#content {
}

#wrapper {
  width: 100%;
  height: 80%;
  background: #EDF5FA url(/img/body.png) repeat-x scroll 50% 0;
}

body {
  margin: 0;
  padding: 0;
  background: #edf5fa;
  font: 12px/170% Verdana, sans-serif;
  color: #494949;
}

#main {
  height: 90%;
}

html, body {
  height: 100%;
}

#content {
  height: 95%;
}

a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}

#commands a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px 4px;
	font-family: Verdana;
	font-weight: bold;
	color: #1B5891;
	text-decoration: none;
	width: 100px;
}

#commands a:hover {
	background-color: #FFFFCC;
	color: #90B556;
}

#content {
  padding: 0 20px;
  margin: 0;
  clear: both;
}

#room-list {
  padding: 20px 0;
  float: left;
  width: 60%;
}

#statusbar {
  position: fixed;
  bottom: 0;
  background: #fff4c5;
  right: 20px;
  left: 20px;
  border: 1px solid #353772;
  padding: 2px 5px;
  border-bottom: none;
}

#menu li {
  list-style-type: none;
  float: left;
  font-weight: bold;
/*  font-style: oblique;*/
}

#menu li a {
  display: block;
  padding: 4px 15px 4px;
  text-decoration: none;
}

#menu li a:hover {
  background: #b3fffc;
  color: maroon;
  font-style: italic;
}

#main {
  position: relative;
  top: 20px;
}
